<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--header-->
    <div id="header">

        <div class="page-container" id="nav">
            <div id="logo" class="logo"><a href="/" target="_self" class="hide-text">微客教育网</a></div>


            <button type="button" class="navbar-toggle visible-xs-block js-show-menu" >
                <i class="icon-menu"></i>
            </button>
            <!--未登录时显示-->
            <ul class="nav-item">
                <!--<li class="set-btn visible-xs-block"><a href="/user/newlogin" target="_self">登录</a> / <a href="/user/newsignup" target="_self">注册</a></li>-->
                <li>
                    <a href="{:U('Course/index')}"  target="_self">课程</a>
                </li>
                <li><a href="{:U('Wenda/index')}" class="active" target="_self">猿问</a></li>
                <li><a href="{:U('Shouji/index')}" target="_self">手记</a></li>
            </ul>
            <!--登录注册 未登录才显示 start-->
            <!--<div id="login-area">-->
            <!--<ul class="header-unlogin clearfix">-->
            <!--<li class="header-signin">-->
            <!--<a href="#" id="js-signin-btn">登录</a>-->
            <!--</li>-->
            <!--<li class="header-signup">-->
            <!--<a href="#" id="js-signup-btn">注册</a>-->
            <!--</li>-->
            <!--</ul>-->
            <!--</div>-->
            <!--登录注册 未登录才显示 end-->

            <!--已登录才显示-->
            <div id="login-area">
                <ul class="clearfix logined">
                    <li class="set_btn user-card-box">
                        <a id="header-avator" class="user-card-item" action-type="my_menu" href="/u/3224635/courses"
                           target="_self"><img src='http://img.mukewang.com/user/545862aa0001f8da02200220-40-40.jpg'
                                               width='40' height='40'/>
                            <i class="myspace_remind" style="display: none;"></i>
                            <span style="display: none;">动态提醒</span>
                        </a>
                        <div class="g-user-card">
                            <div class="card-inner">
                                <div class="card-top">
                                    <a href="{:U('Ucenter/index')}"><img
                                            src="http://img.mukewang.com/545862aa0001f8da02200220-100-100.jpg"
                                            alt="慕粉3224635" class="l"></a>
                                    <a href="{:U('Ucenter/index')}"><span class="name text-ellipsis">慕粉3224635</span></a>
                                    <p class="meta">
                                        <a href="{:U('Ucenter/experience')}">经验<b id="js-user-mp">40</b></a>
                                        <a href="{:U('Ucenter/credit')}">积分<b id="js-user-credit">0</b></a>
                                    </p>

                                    <!--<a href="{:U('Ucenter/setprofile')}" class='icon-set setup'></a>-->
                                    <a href="{:U('Ucenter/setprofile')}" class='icon-set setup'>
                                        <i class="fa fa-cog"></i>
                                    </a>

                                </div>
                                <!--
                                <div class="card-links">
                                    <a href="/space/index" class="my-mooc l">我的慕课<i class="dot-update"></i></a>
                                    <span class="split l"></span>
                                    <a href="/myclub/myquestion/t/ques" class="my-sns l">我的社区</a>
                                </div>
                                -->
                                <div class="card-history">
                                    <span class="history-item">
                                        <span class="tit text-ellipsis">响应式布局</span>
                                        <span class="media-name text-ellipsis">1-4 设计原则</span>
                                        <i class="icon-clock"></i>
                                        <a href="{:U('Course/play?vid=494')}" class="continue">继续</a>
                                    </span>
                                </div>
                                <div class="card-sets clearfix">
                                    <a href="{:U('Wenda/question')}" target="_blank" class="l mr30">发问题</a>
                                    <a href="{:U('Shouji/write')}" target="_blank" class="l">写文章</a>
                                    <a href="/passport/user/logout?referer=http://www.imooc.com" class="r">退出</a>
                                </div>
                            </div>
                            <i class="card-arr"></i>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>